/* 水平分布 */
.yq-flex-row {
    display: flex;
    flex-direction: row;
}
.yq-flex-row-i {
    display: flex !important;
    flex-direction: row !important;
}
/* 水平分布，右侧起点 */
.yq-flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}
.yq-flex-row-reverse-i {
    display: flex !important;
    flex-direction: row-reverse !important;
}
/* 垂直分布 */
.yq-flex-column {
    display: flex;
    flex-direction: column;
}
.yq-flex-column-i {
    display: flex !important;
    flex-direction: column !important;
}
/* 垂直分布，底部起点 */
.yq-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}
.yq-flex-column-reverse-i {
    display: flex !important;
    flex-direction: column-reverse !important;
}
/* 水平居中分布 */
.yq-flex-row-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.yq-flex-row-center-i {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
}
/* 水平靠近结束 */
.yq-flex-row-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.yq-flex-row-end-i {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}
/* 水平两端分布 */
.yq-flex-row-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.yq-flex-row-space-between-i {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}
/* 水平平均分布 */
.yq-flex-row-space-around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.yq-flex-row-space-around-i {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
}
/* 水平垂直居中 */
.yq-flex-row-align {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.yq-flex-row-align-i {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
/* 水平底部对齐 */
.yq-flex-row-align-end {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.yq-flex-row-align-end-i {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
}
/* 垂直居中分布 */
.yq-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.yq-flex-column-center-i {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
/* 垂直两端分布 */
.yq-flex-column-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.yq-flex-column-space-between-i {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
/* 垂直水平居中 */
.yq-flex-position-center {
    display: flex;
    place-content: normal center;
    align-items: center;
}
.yq-flex-position-center-i {
    display: flex !important;
    place-content: normal center !important;
    align-items: center !important;
}
/* 空间不足换行 */
.yq-flex-wrap {
    flex-wrap: wrap;
}
.yq-flex-wrap-i {
    flex-wrap: wrap !important;
}
/* 单个属性简写 */
.yq-flex-jc-c {
    justify-content: center;
}
.yq-flex-jc-c-i {
    justify-content: center !important;
}
.yq-flex-jc-fs {
    justify-content: flex-start;
}
.yq-flex-jc-fs-i {
    justify-content: flex-start !important;
}
.yq-flex-jc-fe {
    justify-content: flex-end;
}
.yq-flex-jc-fe-i {
    justify-content: flex-end !important;
}
.yq-flex-jc-sb {
    justify-content: space-between;
}
.yq-flex-jc-sb-i {
    justify-content: space-between !important;
}
.yq-flex-jc-sa {
    justify-content: space-around;
}
.yq-flex-jc-sa-i {
    justify-content: space-around !important;
}
.yq-flex-ai-c {
    align-items: center;
}
.yq-flex-ai-c-i {
    align-items: center !important;
}
.yq-flex-ai-fs {
    align-items: flex-start;
}
.yq-flex-ai-fs-i {
    align-items: flex-start !important;
}
.yq-flex-ai-fe {
    align-items: flex-end;
}
.yq-flex-ai-fe-i {
    align-items: flex-end !important;
}
.yq-flex-ai-sb {
    align-items: space-between;
}
.yq-flex-ai-sb-i {
    align-items: space-between !important;
}
.yq-flex-ai-sa {
    align-items: space-around;
}
.yq-flex-ai-sa-i {
    align-items: space-around !important;
}
/* 撑满剩余大小 */
.yq-flex-1 {
    flex: 1;
    min-width: 0;
    min-height: 0;
}
.yq-flex-1-i {
    flex: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
